<?php
	//if (!isset($_SESSION)) { session_start(); }
  // Datos extraidos
  $lenguaje = 'es';
  //Archivos incluidos despues de la verficacion por seguridad.
  include_once('../../includes/fk_php/Connections/connection.php');
  
  switch($lenguaje): // Selecion de lenguaje de la apliacion
	case 'es': include_once('../../includes/fk_php/lenguaje_es(v2).php'); $DB_lenguaje = 'nom_es';
		break;
	case 'en': $DB_lenguaje = 'nom_en'; break;
  endswitch;

?>

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
		.add {
            background-image:url(../../fk_skin/add.gif) !important;
        }
        .remove {
            background-image:url(../../fk_skin/delete.gif) !important;
        }
		.buscar {
            background-image:url(../../fk_skin/buscar.gif) !important;
        }
		.refresh {
            background-image:url(../../fk_skin/refresh.png) !important;
        }
	</style>
  <link rel="stylesheet" type="text/css" href="../../includes/extjs/resources/css/ext-all.css" />
  <!-- LIBS -->
  <script type="text/javascript" src="../../includes/extjs/adapter/ext/ext-base.js"></script>
  <!-- ENDLIBS -->
  <script type="text/javascript" src="../../includes/extjs/ext-all.js"></script>
  <!--	EDITOR GRID --->
  <script type="text/javascript" src="../../includes/extjs/src/widgets/grid/EditorGrid.js"></script>
  
  <script type="text/javascript" src="../../includes/extjs/src/locale/ext-lang-<?=$lenguaje?>.js"></script>
  <script type="text/javascript">
//-------------------------------------------------------    
	Ext.onReady(function(){
		Ext.BLANK_IMAGE_URL = '../../includes/extjs/resources/images/default/s.gif';
		Ext.QuickTips.init(); 
		Ext.form.Field.prototype.msgTarget = 'side';
		//Funcionalidad de Boton de busqueda
		
		
	//Arreglo bidimensional de datos 
	var storegrid = new Ext.data.JsonStore({ // asignandole a la propiedad json la data
		url: 'mod_vehiculos.php',
		root: 'data',
		fields: ['idcliente','iddepto','nomdepto','nombre','direccion','telefono','fax','correo','paginaweb','comentario','estado','codpais','nompais','creditofiscal','nit','registono','giro']
	});  
	
	//storegrid.load({params:{buscar:'todos'}});
	
		var store_vehiculos= new Ext.data.JsonStore({  
			url:'../MAESTROS/mod_veh_grid.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				{name:'codplaca', type: 'string'},  
				{name:'placa', type: 'string'}
			]  
		});
		store_vehiculos.load({params:{buscar:'todos'}});
		
		
		var store= new Ext.data.JsonStore({  
			url:'../MAESTROS/mod_veh_grid.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				'placa',
			{name:'idpropietario', type: 'int'},
			{name:'idclase', type: 'int'},
			'modelo','marca','chasis','tarjeta','anio','color','numeromotor','estado','motor','tipo','fechavencimiento','propietario','clase'
			]  
		});
		
		store.on('load', function(store, records, options) 
		{ 
		  var fieldValue; 
		  store.each(function(record)   
		  {   
				Ext.getCmp('anio').setValue(record.data.anio);
				Ext.getCmp('chasis').setValue(record.data.chasis);
				Ext.getCmp('claseCmb').setValue(record.data.idclase);
				Ext.getCmp('color').setValue(record.data.color);
				Ext.getCmp('estado').setValue(record.data.estado);
				Ext.getCmp('fechavencimiento').setValue(record.data.fechavencimiento);
				Ext.getCmp('propietarioCmb').setValue(record.data.idpropietario);
				Ext.getCmp('marcaCmb').setValue(record.data.marca);
				Ext.getCmp('modelo').setValue(record.data.modelo);
				Ext.getCmp('motor').setValue(record.data.motor);
				Ext.getCmp('numeromotor').setValue(record.data.numeromotor);
				Ext.getCmp('tarjeta').setValue(record.data.tarjeta);
				Ext.getCmp('placa').setValue(record.data.placa);
				
				storeaceites.load({params:{placa:record.data.placa}});
				storellantas.load({params:{placa:record.data.placa}});
				
		  }, this); 
		}); 
		
	var mySelectionModel = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
		function llenar_general(placa){
				store.load({params:{buscar:placa}});
				/*store.each(function(rec) {
						Ext.getCmp("form-general").getForm().loadRecord(rec);
				});*/
		}
	
		var store_marcas = new Ext.data.JsonStore({  
			url:'../MAESTROS/parametros.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				{name:'idtipo', type: 'string'},  
				{name:'nombretipo', type: 'string'}
			]  
		});
		
		store_marcas.load({params:{para:'MARCAS'}});
	
	
		var store_propietario= new Ext.data.JsonStore({  
			url:'../MAESTROS/stores_p.php',
			root: 'data',
			totalProperty: 'total',
			fields: [
				{name:'Idmenu', type: 'int'},  
				{name:'Nombremenu', type: 'string'}
			]
		});
		store_propietario.load({params:{SP:'SP_PROPIETARIO'}});
		
		var store_clase= new Ext.data.JsonStore({  
			url:'../MAESTROS/stores.php',  
			root: 'data',  
			totalProperty: 'total',  
			fields: [  
				{name:'Idmenu', type: 'int'},  
				{name:'Nombremenu', type: 'string'}
			]  
		});
		
		store_clase.load({params:{SP:'SP_CLASE'}});
	
	//Arreglo bidimensional de datos 
	var storeaceites = new Ext.data.JsonStore({ // asignandole a la propiedad json la data
		url: 'mod_aceites_grid.php',
		root: 'data',
		fields: [
			'idllantas',
			'placa',
			'nombreaceite',
			'fechacambio',
			'fechaviaje',
			'galonesentrantes',
			'galonessalientes',
			'observacion'
			]
	});
	
	
	var mySelectionModel = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	function agregarnuevoaceites(){
		
		var placa = Ext.getCmp('idvehiculo').getValue();
		
		Ext.apply(Ext.form.VTypes,{
				uppercase:function(val,field) {      
						var texto = val;
						texto = Ext.util.Format.uppercase(texto);
						field.setRawValue(texto);
						return true;          
						  }
		});
		
	var tabs = new Ext.FormPanel({
			labelWidth: 75,
			id: 'form',
			labelAlign: 'top',
			border:false,
			defaults:{autoHeight:true, bodyStyle:'padding:10px'}, 
			width: 400,
			items:[
				{
				xtype:'tabpanel',
				activeTab: 0,
				border: false,
				items: [
				{
						title:'Insertar Aceites',
						border: false,
						items:[
							{
								layout:'column',
								border: false,
								items:[
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [
											{
												xtype: 'textfield',
												fieldLabel: '<b>Nombre Aceite<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'nombreaceite',
												id:'nombreaceite',
												vtype:'uppercase',
												allowBlank:false,
												width: 200
											}
										]
									},
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'datefield',
												fieldLabel: '<b>Fecha Cambio<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'fechacambio',
												format:'Y-m-d',
												allowBlank:false,
												id:'fechacambio',
												width: 200
											}
										]
									},
									{
										columnWidth:.3,
										layout:'form',
										border: false,
										items: [
											{
												xtype: 'datefield',
												fieldLabel: '<b>Fecha Viaje<font color="#EC9001">*</font></b>',
												format:'Y-m-d', 
												labelStyle: 'font-size:10px;',
												name: 'fechaviaje',
												id:'fechaviaje' ,
												allowBlank:false,
												width: 200
											},
											{
												xtype:'hidden',
												name:'actualizar',
												id:'actualizar',
												value:0
											},
											{
												xtype: 'hidden',
												name: 'idllantas',
												id:'idllantas',
												hidden:true,
												width: 100
											},
											{
												xtype: 'hidden',
												name: 'placa',
												value:placa,
												id:'placa',
												hidden:true,
												width: 100
											}
										]
									},
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'numberfield',
												fieldLabel: '<b>Galones Entrantes<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'galonesentrantes',
												allowBlank:false,
												id:'galonesentrantes',
												width: 200
											}
										]
									},
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'numberfield',
												fieldLabel: '<b>Galones Salientes<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'galonessalientes',
												allowBlank:false,
												id:'galonessalientes',
												width: 200
											}
										]
									},
									{
										columnWidth:.30,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'textarea',
												fieldLabel: '<b>Observaciones<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'observacion',
												allowBlank:false,
												id:'observacion',
												width: 200
											}
										]
									}
								]//Fin de las columnas
							}//Fin de Fila 1
							//Fin de Seccion de una columna
						]
					} 
				]
				}], //Fin del tab
			agregar_form: function(){
				//Primero, se valida si no se estan violando validaciones cliente
				if (this.getForm().isValid()){
					//Empieza el proceso de envio
					this.getForm().submit({
						//Parametros para el envio
						url: 'login_aceites.php',
						method: 'POST',
						//Mascaras
						waitTitle: 'Conectando',
						waitMsg: 'Validando formulario..',
						//Envio Exitoso
						success: function(form, action){
							Ext.Msg.minWidth = 400;
							Ext.Msg.show({
									   title:'Conexi&oacute;n Exitosa',
									   msg: action.result.msg,
									   buttons: Ext.Msg.OK,
									   icon: Ext.Msg.INFO,
									   fn: function(){
											window_config.close();
											storeaceites.removeAll();
											storeaceites.load({params:{placa:placa}});
									   }
							});
						},
						//Envio fallido
						failure: function(form, action){
							//Erro data
							if (action.failureType == 'server') {
								var data = Ext.util.JSON.decode(action.response.responseText);
								Ext.Msg.alert('conexi&oacute;n Fallida', data.errors.reason, function(){
									txtUsuario.focus(true, 100);
								});
							}
							//Error archivo
							else {
								Ext.Msg.alert('Error!', 'El servidor de autenticacion es inalcanzable : ' + action.response.responseText);
							}
						}
						
					});
				}
			}
			});
		
		var window_config;
		
		if(!window_config){
		
		window_config= new Ext.Window({
			title: 'Mantenimiento de Aceites',
			width: "100%",
			height:500,
			modal: true,
			resizable : false,
			layout: 'fit',
			items: [tabs],
			buttons: [
				{
					text: '<?=Title_agregar?>',
					width: 78,
					handler: function(){
						tabs.agregar_form();
					}
				},
				{
                    text: '<?=Title_limpiar?>',
                    handler: function()
                    {
                        tabs.getForm().reset();
                    }
                 },
				{
					text: '<?=Title_cancelar?>',
					width: 78,
					handler: function(){
						window_config.close();
					}
				}
			]
		});
		}
		window_config.show();
	}
	
	function borraraceite(){
			Ext.MessageBox.confirm('<?=Title_confirmacion ?>', '<?=PrgAdmin_002?>', function(btn){
				if(btn === 'yes'){
					var selections = gridaceites.selModel.getSelections();
					Ext.each(selections,function(record){
						id = record.get('idllantas');
						placa = record.get('placa');
						storeaceites.load({params:{proceso:'del',ident:id,placa:placa}});
					});
				}
			});
	};
	
	var mySelectionModelA = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridaceites = new Ext.grid.EditorGridPanel({
		store: storeaceites,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelA, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'placa',
				dataIndex	: 'placa',
				header		: 'Placa',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'idllantas',
				dataIndex	: 'idllantas',
				header		: 'idllantas',
				width		: 100,
				hidden		: true,
				sortable	: true
			},
			{
				id			: 'nombreaceite',
				dataIndex	: 'nombreaceite',
				header		: 'Nombre Aceite',
				width		: 200,
				sortable	: true
			},
			{
				dataIndex	: 'fechacambio',
				header		: 'Fecha Cambio',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechaviaje',
				header		: 'Fecha Viaje',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonesentrantes',
				header		: 'Galones Entrantes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonessalientes',
				header		: 'Galones Salientes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'observacion',
				header		: 'Observacion',
				width		: 250,
				sortable	: true
			}
			],tbar: [
			'->',
                {
                    text: 'Agregar',
                    tooltip: 'Click para agregar un Aceite',
					iconCls:'add',
                    handler: agregarnuevoaceites
                }, 
				'-',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    handler: borraraceite,
                    iconCls:'remove'
                }
            ]
	});
	
	
	
	gridaceites.on({
		'dblclick': 	{
				fn: function(){
					var selections = this.selModel.getSelections();
					Ext.each(selections,function(records){ 
						agregarnuevoaceites();
						Ext.getCmp('actualizar').setValue('1');
						Ext.getCmp('form').getForm().loadRecord(records);
					});
				}
		}
	});	
	
		//Arreglo bidimensional de datos 
	var storellantas = new Ext.data.JsonStore({ // asignandole a la propiedad json la data
		url: 'mod_llantas_grid.php',
		root: 'data',
		fields: [
			'idllantas',
			'placa',
			'descripcion',
			'ubicacion',
			'tipollanta',
			'marca',
			'serie',
			'vida',
			'porcentaje',
			'fechacompra',
			'fechavencimiento',
			'observacion',
			'rin',
			'bodega'
			]
	});
	
	function agregarllantas(){
		var placa = Ext.getCmp('idvehiculo').getValue();
		
		Ext.apply(Ext.form.VTypes,{
				uppercase:function(val,field) {      
						var texto = val;
						texto = Ext.util.Format.uppercase(texto);
						field.setRawValue(texto);
						return true;          
						  }
		});
		
	var tabs = new Ext.FormPanel({
			labelWidth: 75,
			id: 'form',
			labelAlign: 'top',
			border:false,
			defaults:{autoHeight:true, bodyStyle:'padding:10px'}, 
			width: 400,
			items:[
				{
				xtype:'tabpanel',
				activeTab: 0,
				border: false,
				items: [
				{
						title:'Insertar Aceites',
						border: false,
						items:[
							{
								layout:'column',
								border: false,
								items:[
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [
											{
												xtype: 'textfield',
												fieldLabel: '<b>Nombre Aceite<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'nombreaceite',
												id:'nombreaceite',
												vtype:'uppercase',
												allowBlank:false,
												width: 200
											}
										]
									},
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'datefield',
												fieldLabel: '<b>Fecha Cambio<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'fechacambio',
												format:'Y-m-d',
												allowBlank:false,
												id:'fechacambio',
												width: 200
											}
										]
									},
									{
										columnWidth:.3,
										layout:'form',
										border: false,
										items: [
											{
												xtype: 'datefield',
												fieldLabel: '<b>Fecha Viaje<font color="#EC9001">*</font></b>',
												format:'Y-m-d', 
												labelStyle: 'font-size:10px;',
												name: 'fechaviaje',
												id:'fechaviaje' ,
												allowBlank:false,
												width: 200
											},
											{
												xtype:'hidden',
												name:'actualizar',
												id:'actualizar',
												value:0
											},
											{
												xtype: 'hidden',
												name: 'idllantas',
												id:'idllantas',
												hidden:true,
												width: 100
											},
											{
												xtype: 'hidden',
												name: 'placa',
												value:placa,
												id:'placa',
												hidden:true,
												width: 100
											}
										]
									},
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'numberfield',
												fieldLabel: '<b>Galones Entrantes<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'galonesentrantes',
												allowBlank:false,
												id:'galonesentrantes',
												width: 200
											}
										]
									},
									{
										columnWidth:.35,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'numberfield',
												fieldLabel: '<b>Galones Salientes<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'galonessalientes',
												allowBlank:false,
												id:'galonessalientes',
												width: 200
											}
										]
									},
									{
										columnWidth:.30,
										layout:'form',
										border: false,
										items: [ 
											{
												xtype: 'textarea',
												fieldLabel: '<b>Observaciones<font color="#EC9001">*</font></b>',
												labelStyle: 'font-size:10px;',
												name: 'observacion',
												allowBlank:false,
												id:'observacion',
												width: 200
											}
										]
									}
								]//Fin de las columnas
							}//Fin de Fila 1
							//Fin de Seccion de una columna
						]
					} 
				]
				}], //Fin del tab
			agregar_form: function(){
				//Primero, se valida si no se estan violando validaciones cliente
				if (this.getForm().isValid()){
					//Empieza el proceso de envio
					this.getForm().submit({
						//Parametros para el envio
						url: 'login_llantas.php',
						method: 'POST',
						//Mascaras
						waitTitle: 'Conectando',
						waitMsg: 'Validando formulario..',
						//Envio Exitoso
						success: function(form, action){
							Ext.Msg.minWidth = 400;
							Ext.Msg.show({
									   title:'Conexi&oacute;n Exitosa',
									   msg: action.result.msg,
									   buttons: Ext.Msg.OK,
									   icon: Ext.Msg.INFO,
									   fn: function(){
											window_config.close();
											storellantas.removeAll();
											storellantas.load({params:{placa:placa}});
									   }
							});
						},
						//Envio fallido
						failure: function(form, action){
							//Erro data
							if (action.failureType == 'server') {
								var data = Ext.util.JSON.decode(action.response.responseText);
								Ext.Msg.alert('conexi&oacute;n Fallida', data.errors.reason, function(){
									txtUsuario.focus(true, 100);
								});
							}
							//Error archivo
							else {
								Ext.Msg.alert('Error!', 'El servidor de autenticacion es inalcanzable : ' + action.response.responseText);
							}
						}
						
					});
				}
			}
			});
		
		var window_config;
		
		if(!window_config){
		
		window_config= new Ext.Window({
			title: 'Mantenimiento de Aceites',
			width: "100%",
			height:500,
			modal: true,
			resizable : false,
			layout: 'fit',
			items: [tabs],
			buttons: [
				{
					text: '<?=Title_agregar?>',
					width: 78,
					handler: function(){
						tabs.agregar_form();
					}
				},
				{
                    text: '<?=Title_limpiar?>',
                    handler: function()
                    {
                        tabs.getForm().reset();
                    }
                 },
				{
					text: '<?=Title_cancelar?>',
					width: 78,
					handler: function(){
						window_config.close();
					}
				}
			]
		});
		}
		window_config.show();
	}
	
	function borrarllantas(){
		Ext.MessageBox.confirm('<?=Title_confirmacion ?>', '<?=PrgAdmin_002?>', function(btn){
				if(btn === 'yes'){
					var selections = gridaceites.selModel.getSelections();
					Ext.each(selections,function(record){
						id = record.get('idllantas');
						placa = record.get('placa');
						storellantas.load({params:{proceso:'del',ident:id,placa:placa}});
					});
				}
			});
	};
	var mySelectionModelLL = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridllantas = new Ext.grid.EditorGridPanel({
		store: storellantas,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelLL, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'placa',
				dataIndex	: 'placa',
				header		: 'Placa',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'idllantas',
				dataIndex	: 'idllantas',
				header		: 'idllantas',
				width		: 100,
				hidden		: true,
				sortable	: true
			},
			{
				id			: 'descripcion',
				dataIndex	: 'descripcion',
				header		: 'Descripcion',
				width		: 200,
				sortable	: true
			},
			{
				dataIndex	: 'ubicacion',
				header		: 'Ubicacion',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'tipollanta',
				header		: 'Tipo Llanta',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'marca',
				header		: 'Marca',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'serie',
				header		: 'Serie',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'vida',
				header		: 'Vida',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'porcentaje',
				header		: 'Porcentaje',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechacompra',
				header		: 'Fecha Compra',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechavencimiento',
				header		: 'Fecha Vencimiento',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'rin',
				header		: 'Rin',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'bodega',
				header		: 'Bodega',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'observacion',
				header		: 'Observacion',
				width		: 250,
				sortable	: true
			}
			],tbar: [
			'->',
                 {
                    text: 'Agregar',
                    tooltip: 'Click para agregar un usuario',
					iconCls:'add',
                    handler: agregarllantas //what happens when user clicks on it
                }, 
				'-',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    handler: borrarllantas,
                    iconCls:'remove'
                }
            ]
	});
	
	
	var mySelectionModelE = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridequipo = new Ext.grid.EditorGridPanel({
		store: storeaceites,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelE, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'placa',
				dataIndex	: 'placa',
				header		: 'Placa',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'idllantas',
				dataIndex	: 'idllantas',
				header		: 'idllantas',
				width		: 100,
				hidden		: true,
				sortable	: true
			},
			{
				id			: 'nombreaceite',
				dataIndex	: 'nombreaceite',
				header		: 'Nombre Aceite',
				width		: 200,
				sortable	: true
			},
			{
				dataIndex	: 'fechacambio',
				header		: 'Fecha Cambio',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechaviaje',
				header		: 'Fecha Viaje',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonesentrantes',
				header		: 'Galones Entrantes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonessalientes',
				header		: 'Galones Salientes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'observacion',
				header		: 'Observacion',
				width		: 250,
				sortable	: true
			}
			],tbar: [
			'->',
                 {
                    text: 'Agregar',
                    tooltip: 'Click para agregar un usuario',
					iconCls:'add'//,
                    //handler: agregarnuevouser //what happens when user clicks on it
                }, 
				'-',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    //handler: borrar,
                    iconCls:'remove'
                },
				'-',
				{
                    text: 'Buscar',
                    tooltip: 'Click para buscar',
                    //handler: buscar,
                    iconCls:'buscar'
                },'-',
				{
                    text: 'Actualizar',
                    tooltip: 'Click para buscar',
                    handler: function(){
						storegrid.reload({params:{buscar:'todos'}});
					},
                    iconCls:'refresh'
                }
            ]
	});
	
	var mySelectionModelM = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridmtto = new Ext.grid.EditorGridPanel({
		store: storeaceites,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelM, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'placa',
				dataIndex	: 'placa',
				header		: 'Placa',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'idllantas',
				dataIndex	: 'idllantas',
				header		: 'idllantas',
				width		: 100,
				hidden		: true,
				sortable	: true
			},
			{
				id			: 'nombreaceite',
				dataIndex	: 'nombreaceite',
				header		: 'Nombre Aceite',
				width		: 200,
				sortable	: true
			},
			{
				dataIndex	: 'fechacambio',
				header		: 'Fecha Cambio',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechaviaje',
				header		: 'Fecha Viaje',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonesentrantes',
				header		: 'Galones Entrantes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonessalientes',
				header		: 'Galones Salientes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'observacion',
				header		: 'Observacion',
				width		: 250,
				sortable	: true
			}
			],tbar: [
			'->',
                 {
                    text: 'Agregar',
                    tooltip: 'Click para agregar un usuario',
					iconCls:'add'//,
                    //handler: agregarnuevouser //what happens when user clicks on it
                }, 
				'-',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    //handler: borrar,
                    iconCls:'remove'
                },
				'-',
				{
                    text: 'Buscar',
                    tooltip: 'Click para buscar',
                    //handler: buscar,
                    iconCls:'buscar'
                },'-',
				{
                    text: 'Actualizar',
                    tooltip: 'Click para buscar',
                    handler: function(){
						storegrid.reload({params:{buscar:'todos'}});
					},
                    iconCls:'refresh'
                }
            ]
	});
	
	
	var mySelectionModelS = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridservicio = new Ext.grid.EditorGridPanel({
		store: storeaceites,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelS, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'placa',
				dataIndex	: 'placa',
				header		: 'Placa',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'idllantas',
				dataIndex	: 'idllantas',
				header		: 'idllantas',
				width		: 100,
				hidden		: true,
				sortable	: true
			},
			{
				id			: 'nombreaceite',
				dataIndex	: 'nombreaceite',
				header		: 'Nombre Aceite',
				width		: 200,
				sortable	: true
			},
			{
				dataIndex	: 'fechacambio',
				header		: 'Fecha Cambio',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechaviaje',
				header		: 'Fecha Viaje',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonesentrantes',
				header		: 'Galones Entrantes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonessalientes',
				header		: 'Galones Salientes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'observacion',
				header		: 'Observacion',
				width		: 250,
				sortable	: true
			}
			],tbar: [
			'->',
                 {
                    text: 'Agregar',
                    tooltip: 'Click para agregar un usuario',
					iconCls:'add'//,
                    //handler: agregarnuevouser //what happens when user clicks on it
                }, 
				'-',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    //handler: borrar,
                    iconCls:'remove'
                },
				'-',
				{
                    text: 'Buscar',
                    tooltip: 'Click para buscar',
                    //handler: buscar,
                    iconCls:'buscar'
                },'-',
				{
                    text: 'Actualizar',
                    tooltip: 'Click para buscar',
                    handler: function(){
						storegrid.reload({params:{buscar:'todos'}});
					},
                    iconCls:'refresh'
                }
            ]
	});
	
	
	var mySelectionModelB = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
	
	var gridbaterias = new Ext.grid.EditorGridPanel({
		store: storeaceites,
		collapsible: true,
		frame: true,
		width:  '100%',
		clicksToEdit: 2,
		stripeRows: true,
		autoScroll: true,
		border: false,
		loadMask: true,
		sm: mySelectionModelB, //referencia al selectionModel
		columns: [
			new Ext.grid.CheckboxSelectionModel(),  
			{
				id			: 'placa',
				dataIndex	: 'placa',
				header		: 'Placa',
				hidden		: true,
				width		: 100,
				sortable	: true
			},
			{
				id			: 'idllantas',
				dataIndex	: 'idllantas',
				header		: 'idllantas',
				width		: 100,
				hidden		: true,
				sortable	: true
			},
			{
				id			: 'nombreaceite',
				dataIndex	: 'nombreaceite',
				header		: 'Nombre Aceite',
				width		: 200,
				sortable	: true
			},
			{
				dataIndex	: 'fechacambio',
				header		: 'Fecha Cambio',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'fechaviaje',
				header		: 'Fecha Viaje',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonesentrantes',
				header		: 'Galones Entrantes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'galonessalientes',
				header		: 'Galones Salientes',
				width		: 150,
				sortable	: true
			},
			{
				dataIndex	: 'observacion',
				header		: 'Observacion',
				width		: 250,
				sortable	: true
			}
			],tbar: [
			'->',
                 {
                    text: 'Agregar',
                    tooltip: 'Click para agregar un usuario',
					iconCls:'add'//,
                    //handler: agregarnuevouser //what happens when user clicks on it
                }, 
				'-',
				{
                    text: 'Borrar',
                    tooltip: 'Click para eliminarlo',
                    //handler: borrar,
                    iconCls:'remove'
                },
				'-',
				{
                    text: 'Buscar',
                    tooltip: 'Click para buscar',
                    //handler: buscar,
                    iconCls:'buscar'
                },'-',
				{
                    text: 'Actualizar',
                    tooltip: 'Click para buscar',
                    handler: function(){
						storegrid.reload({params:{buscar:'todos'}});
					},
                    iconCls:'refresh'
                }
            ]
	});
	
	var form = new Ext.form.FormPanel({
    border: false,
	renderTo: 'grid-div',
    bodyStyle: 'background-color: transparent !important',            
    layout: 'fit',
	store:store,
	id:'form-general',
	width:"100%",
	height:500,
    items: [
    {
        xtype: 'tabpanel',
        activeTab: 0,
        bodyStyle: 'background-color: transparent !important',
        deferredRender: false,
        defaults: {
            bodyStyle: 'padding: 4px; background-color: transparent !important',
            layout: 'form',
            autoScroll: true
        },
        items: [
				{
					title: 'Datos Generales',
					items: [
							{
								xtype       : 'combo',
								id          : 'idvehiculo',
								fieldLabel  : '<b>Seleccione una Placa :<font color="#EC9001">*</font></b>',
								labelStyle  : 'font-size:10px;',
								hiddenName  : 'Vehiculo',  
								name        : 'idvehiculo',  
								loadingText : "Cargando...",
								emptyText   : "Seleccione una placa...",
								mode        : 'local', 
								allowBlank  : false,
								disabled    : false,
								width       : 300,  
								displayField: 'codplaca',  
								valueField  : 'placa',
								store		: store_vehiculos,
								listeners	:
									{
										select:{
											fn:function(combo, value) {
												var comboCity = Ext.getCmp('idvehiculo');
												llenar_general(combo.getValue());
												Ext.getCmp('gridaceite').setDisabled(false);
												Ext.getCmp('gridllantas').setDisabled(false);
												Ext.getCmp('gridequipo').setDisabled(false);
												Ext.getCmp('gridmtto').setDisabled(false);
												Ext.getCmp('gridservicio').setDisabled(false);
												Ext.getCmp('gridbaterias').setDisabled(false);
												/* mandar segun el numero de placa*/
												
												
											}
										}
									}
							},							
							{
								xtype: 'fieldset',
								title: 'Datos Generales',
								collapsible: true,
								height:400,
								items:[	
										{
											layout:'column',
											border: false,
											items:[
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype: 'numberfield',
															fieldLabel: '<b>Placa<font color="#EC9001">*</font></b>',
															labelStyle: 'font-size:10px;',
															name: 'placa',
															id:'placa',
															vtype:'uppercase',
															disabled:true,
															width: 200
														}
													]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype       : 'combo',
															id          : 'propietarioCmb',
															fieldLabel  : '<b>Propietario<font color="#EC9001">*</font></b>',
															labelStyle  : 'font-size:10px;',
															hiddenName  : 'idpropietario',  
															name        : 'idpropietario',  
															loadingText : "Cargando...",
															emptyText   : "Propietario...",
															mode        : 'local', 
															disabled	: true,
															disabled    : true,
															triggerAction : 'all',
															width       : 200,  
															displayField: 'Nombremenu',  
															valueField  : 'Idmenu',
															store		: store_propietario
														}
													]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype       : 'combo',
															id          : 'claseCmb',
															fieldLabel  : '<b>Clase<font color="#EC9001">*</font></b>',
															labelStyle  : 'font-size:10px;',
															hiddenName  : 'idclase',  
															name        : 'idclase',  
															loadingText : "Cargando...",
															emptyText   : "Clase de Vehiculo...",
															mode        : 'local', 
															allowBlank  : false,
															disabled    : true,
															triggerAction : 'all',
															width       : 200,  
															displayField: 'Nombremenu',  
															valueField  : 'Idmenu',
															store		: store_clase
														}
													]
												},
												{
														columnWidth:.5,
														layout:'form',
														border: false,
														items: [
															{
																xtype		: 'textfield',
																fieldLabel	: '<b>Modelo<font color="#EC9001">*</font></b>',
																labelStyle	: 'font-size:10px;',
																name		: 'modelo',
																id		: 'modelo',
																disabled	: true,
																width		: 200
															}
														]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype       : 'combo',
															id          : 'marcaCmb',
															fieldLabel  : '<b>Marca<font color="#EC9001">*</font></b>',
															labelStyle  : 'font-size:10px;',
															hiddenName  : 'marca',  
															name        : 'marca',  
															loadingText : "Cargando...",
															emptyText   : "Seleccione una marca",
															mode        : 'local', 
															disabled    : true,
															triggerAction : 'all',
															width       : 200,  
															displayField: 'nombretipo',  
															valueField  : 'idtipo',
															store		: store_marcas
														}
													]
												},
												{
														columnWidth:.5,
														layout:'form',
														border: false,
														items: [
															{
																xtype: 'textfield',
																fieldLabel: '<b>Chasis<font color="#EC9001">*</font></b>',
																labelStyle: 'font-size:10px;',
																name: 'chasis',
																id: 'chasis',
																disabled    : true,
																width: 200
															}
														]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype: 'numberfield',
															fieldLabel: '<b>Tarjeta de Circulacion<font color="#EC9001">*</font></b>',
															labelStyle: 'font-size:10px;',
															name: 'tarjeta',
															id: 'tarjeta',
															disabled    : true,
															width: 200
														}
													]
												},
												{
													columnWidth:.5,
													layout:'form',
													border: false,
													items: [
														{
															xtype: 'numberfield',
															fieldLabel: '<b>A&ntilde;o<font color="#EC9001">*</font></b>',
															labelStyle: 'font-size:10px;',
															id: 'anio',
															name: 'anio',
															disabled    : true,
															width: 200
														}
													]
												}
												]//Fin de las columnas
										},
										{
													layout:'column',
													border: false,
													items: [
															{
																columnWidth:0.5,
																layout:'form',
																border: false,
																items: [
																	{
																		xtype: 'textfield',
																		fieldLabel: '<b>Color<font color="#EC9001">*</font></b>',
																		labelStyle: 'font-size:10px;',
																		name: 'color',
																		id: 'color',
																		disabled    : true,
																		width: 200
																	}
																]
															},
															{
																columnWidth:.5,
																layout:'form',
																border: false,
																items: [
																	{
																		xtype: 'textfield',
																		fieldLabel: '<b>Numero Motor<font color="#EC9001">*</font></b>',
																		labelStyle: 'font-size:10px;',
																		name: 'numeromotor',
																		id: 'numeromotor',
																		disabled    : true,
																		width: 200
																	}
																]
															},
															{
																columnWidth:.5,
																layout:'form',
																border: false,
																items: [
																	{
																		xtype: 'textfield',
																		fieldLabel: '<b>Motor<font color="#EC9001">*</font></b>',
																		labelStyle: 'font-size:10px;',
																		name: 'motor',
																		id: 'motor',
																		disabled    : true,
																		width: 200
																	}
																]
															},
															{
																columnWidth:.5,
																layout:'form',
																border: false,
																items: [
																	{
																		xtype: 'datefield',
																		fieldLabel: '<b>Fecha Vencimiento<font color="#EC9001">*</font></b>',
																		labelStyle: 'font-size:10px;',
																		name: 'fechavencimiento',
																		id: 'fechavencimiento',
																		disabled    : true,
																		width: 200
																	}
																]
															},
															{
																columnWidth:1,
																layout:'form',
																border: false,
																items: [
																	{
																		xtype: 'textfield',
																		fieldLabel: '<b>ESTADO<font color="#EC9001">*</font></b>',
																		labelStyle: 'font-size:10px;',
																		name: 'estado',
																		id: 'estado',
																		disabled    : true,
																		width: "100%"
																	}
																]
															}
													]
										}
											
								
								]
							}
						]
				}, 
				{
					title: 'Aceite',
					id:'gridaceite',
					items: [gridaceites],
					disabled:true
				},
				{
					title: 'Llantas',
					id:'gridllantas',
					items: [gridllantas],
					disabled:true
				},
				{
					title: 'Equipo',
					id:'gridequipo',
					items: [gridequipo],
					disabled:true
				},
				{
					title: 'Mantenimiento',
					id:'gridmtto',
					items: [gridmtto],
					disabled:true
				},
				{
					title: 'Servicios (Seguro/GPS)',
					id:'gridservicio',
					items: [gridservicio],
					disabled:true
				},
				{
					title: 'Baterias',
					id:'gridbaterias',
					items: [gridbaterias],
					disabled:true
				}
		]
    }]
});		
});
		
</script>
  <!-- 	Estilo interno -->
  <style type="text/css">
  body,td,th {
  font-family: Verdana, Geneva, sans-serif;
  }
  .x-grid3-scroller {
		/*overflow-y: scroll;*/
		height:394px;
		width:"100%";
   }
  </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<div id="grid-div" ></div>
</body>
</html>